﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FirstJs组件演示</title>
<style type="text/css">
html,body{overflow:hidden;}
.api_table{position:absolute; left:0; top:0; width:100%; height:100%;}
.firstjs_tree{height:540px; overflow:auto;}
.bar{font-size:15px; height:30px; line-height:30px;}
iframe{width:100%; height:100%;}

.p2 div{position:relative; width:7px; height:100%; background-color:#999; cursor:w-resize;}
.p2 img{position:absolute; left:0; top:50%; margin-top:-25px; cursor:pointer;}
</style>
<script type="text/javascript" src="../1st.js"></script>
<script type="text/javascript">
F.ready({
	init : function(){
		var box = F("panel");
		var lbox = box.child(0);
		lbox.append('<div style="text-indent:28px; margin:10px 0;"><a href="dir.html" target="page">组件速查表</a></div>');
		window.tree = lbox.append("ul").tree("data.js", {title:"FirstJs组件演示",level:0,target:"page"});
		this.setDoor(lbox, box.child(1));
		F.js(F.data("js/cnzz.js"));
	},
	//展开或收缩列表
	setDoor : function (lbox, bar){
		var div = bar.append("div");
		var img = div.append("img");
		var as = [F.data("img/door/show_out.gif"), F.data("img/door/show_over.gif")];
		var ah = [F.data("img/door/hide_out.gif"), F.data("img/door/hide_over.gif")];
		var s1 = lbox.node.style;
		img.hover(function(){
			img.src(s1.display!="none"?ah[0]:as[1]);
		},function(){
			img.src(s1.display!="none"?ah[1]:as[0]);
		}).bind("mousedown",function(){
			img.attr("title", lbox.toggle("")!="none" ? "显示菜单" : "隐藏菜单");
		}).src(ah[1]).attr("title", "隐藏菜单");
	}
});
</script>
</head>
<body>
<table class="api_table" cellpadding="0" cellspacing="0">
	<tbody>
		<tr id="panel" height="100%">
			<td class="p1" width="225" valign="top"></td>
			<td class="p2" width="20" align="left"></td>
			<td class="p3">
				<iframe id="page" name="page" frameborder="0" src="dir.html"></iframe>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>